<!DOCTYPE html>
<html>
	<head>
		<meta charset="UTF-8">
		<title></title>
		<script type="text/javascript" src="js/lib/jquery.min.js" ></script>
		<link rel="stylesheet" href="fonts/iconfont.css">
		<link href="css/bootstrap.css" rel="stylesheet">
		<link rel="stylesheet" href="css/bootstrap.css" />
		<link rel="stylesheet/less" type="text/css" href="css/xStyle.less" />
        <script type="text/javascript" src="js/lib/less.js" ></script>

	</head>
	<body >
  <div id = "x1" style ="width:600px;height: 400px; border: 1px solid gray;">
  	
  </div>
    <button onclick="t_disp()"> target 内显示 </button>
    <button onclick="b_disp()"> body 内显示</button>
     
	</body>
    <script type="module">
	import  xSpin from './js/src/xSpin.js';
	
     window.t_disp=function(){
     	 xSpin.pop("#x1");
     }
	
	     window.b_disp=function(){
     	  xSpin.pop();
     }
   
	</script>
</html>
